<template>
  <div id="app">
    <!-- 路由 -->
    <router-view/>
    <!-- 底部当前路由需要显示底部组件的时候才会显示底部导航 -->
    <FooterGuide v-show="$route.meta.showFooter"/>
  </div>
</template>

<script>

// 引入底部公共模块
import FooterGuide from './components/FooterGuide/FooterGuide.vue'
// 引入封装的 axios 模块
// import {reqFoodCategorys} from './api'

export default {
  components: {
    FooterGuide
  },
  mounted () {
    // 根据经纬度获得位置信息
    this.$store.dispatch('getAddress')
    console.log('================> App.vue', this)
    console.log('================> App.vue', this.$store)
    // 异步获取登陆用户信息，保持登录状态
    this.$store.dispatch('getUserInfo')
  }
}

</script>

<style lang="stylus" ref="stylesheet/stylus" >
  #app
    width 100%
    height 100%
    background #f5f5f5
    position relative
</style>
